// 入口函数
$(function () {
 // 需求1 : 渲染用户信息 - 后面还要用, 所以封装成函数
 initUserInfo()
 let layer = layui.layer
 let form = layui.form

 function initUserInfo() {
  // 获取用户信息
  axios({
   method: 'GET',
   url: '/my/userinfo',
   // headers: {
   //  Authorization: localStorage.getItem('token')
   // }
  }).then((res) => {
   // console.log(res.data);
   // 判断
   let obj = res.data
   if (obj.status !== 0) {
    return layer.msg(obj.message)
   }
   // 赋值
   form.val('formUserInfo', obj.data)
  })
 }
 //
 // 需求2: 自定义校验
 form.verify({
  nickname: function (value) {
   if (value.length > 10) {
    return '用户昵称1~10位之间!'
   }
  }
 })
 //  需求3 : 修改用户信息
 $('form').on('submit', function (e) {
  //  阻止表单默认提交
  e.preventDefault()
  // 发送axios
  axios({
   method: 'POST',
   url: '/my/userinfo',
   data: $('form').serialize(),
   // headers: {
   //  Authorization: localStorage.getItem('token')
   // }
  }).then((res) => {
   let obj = res.data
   // console.log(obj);
   // 判断
   if (obj.status !== 0) {
    return layer.msg(obj.message)
   }
   // 成功提示 刷新index.html中的用户名
   layer.msg('恭喜您,修改用户成功!')
   window.parent.getUserInfo()
  })
 })

 // 需求4 : 重置 - 按钮的点击事件和form的重置事件
 $('form').on('reset', function (e) {
  // 阻止表单默认提交
  e.preventDefault()
  // 调用函数
  initUserInfo()
 })


 // $('#resetBtn').on('click', function (e) {
 //  //  阻止表单默认提交\
 //  e.preventDefault()
 //  initUserInfo()

 // })
})